<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" design="device:mobile"
  xid="window">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="height:auto;top:152px;left:481px;"> 
    <div component="$UI/system/components/justep/data/data" autoLoad="true"
      xid="sexData" idColumn="id"> 
      <column name="id" type="Integer" xid="xid14"/>  
      <column name="sex" type="String" xid="xid15"/>  
      <data xid="default7">[{"id":1,"sex":"男"},{"id":2,"sex":"女"}]</data> 
    </div>  
    <div component="$UI/system/components/justep/data/data" xid="registData"
      directDelete="true" autoLoad="false" idColumn="fID" autoNew="true"> 
      <column label="registData" name="fID" type="String" xid="regisData"></column>
  <column label="社区ID" name="company.id" type="String" xid="xid3"></column>
  <column label="账号" name="loginName" type="String" xid="xid4"></column>
  <column label="姓名" name="name" type="String" xid="xid13"></column>
  <column label="密码" name="password" type="String" xid="xid5"></column>
  <column label="确认" name="confire" type="String" xid="xid10"></column>
  <column label="性别" name="sex" type="Integer" xid="xid8"></column>
  <column label="手机" name="mobile" type="String" xid="xid12"></column>
  <column label="电话" name="phone" type="String" xid="xid6"></column>
  <column label="邮箱" name="email" type="String" xid="xid7"></column>
  <column label="头像" name="photo" type="String" xid="xid9"></column>
  <column label="商家介绍" name="introduce" type="String" xid="xid9"></column>
  <rule xid="rule1">
   <col name="fID" xid="ruleCol1">
    <calculate xid="calculate1">
     <expr xid="default2">justep.UUID.createUUID()</expr></calculate> </col> 
   <col name="officeId" xid="ruleCol2">
    <required xid="required1">
     <expr xid="default8">true</expr>
     <message xid="default9">社区不能为空</message></required> </col> 
   <col name="account" xid="ruleCol3">
    <required xid="required2">
     <expr xid="default10">true</expr>
     <message xid="default11">账号不能为空</message></required> </col> 
   <col name="name" xid="ruleCol4">
    <required xid="required3">
     <expr xid="default12">true</expr>
     <message xid="default13">姓名不能为空</message></required> </col> 
   <col name="password" xid="ruleCol5">
    <required xid="required4">
     <expr xid="default14">true</expr>
     <message xid="default15">密码不能为空</message></required> </col> 
   <col name="confire" xid="ruleCol6">
    <constraint xid="constraint1">
     <expr xid="default16">$data.val(&quot;password&quot;) == $data.val(&quot;confire&quot;)</expr>
     <message xid="default17">两次输入密码不一致</message></constraint> </col> 
   <col name="loginName" xid="ruleCol7">
    <constraint xid="constraint2">
     <expr xid="default1"></expr>
     <message xid="default3"></message></constraint> </col> </rule>
  <column label="小区ID" name="office.id" type="String" xid="xid11"></column></div>  
    <div component="$UI/system/components/justep/data/data" autoLoad="true"
      xid="areaData" idColumn="id"> 
      <column label="id" name="id" type="String" xid="xid1"/>  
      <column label="小区名称" name="name" type="String" xid="xid2"/>  
      <data xid="default6">[]</data> 
    </div> 
  <div component="$UI/system/components/justep/data/data" autoLoad="true" xid="communityData" idColumn="id" onCustomRefresh="communityDataCustomRefresh">
   <column label="id" name="id" type="String" xid="column3"></column>
   <column label="小区名称" name="name" type="String" xid="column4"></column>
   <data xid="default5">[]</data></div>
  <div component="$UI/system/components/justep/data/data" autoLoad="true" xid="searchCommunityData" idColumn="id">
   <column label="id" name="id" type="String" xid="column5"></column>
   <column label="小区名称" name="name" type="String" xid="column6"></column>
   <data xid="default18">[]</data></div></div>  
  <div xid="div1"><div component="$UI/system/components/fragment/form/formRow5Btn2" xid="formRow5Btn22"> 
        <div class="formRow5Btn2-form-bgColor" xid="div16" style="background-color:#FFFFFF;"> 
          <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20" xid="labelEdit6">
   <label class="x-label" xid="label6">社区 *</label>
   <div class="x-edit  office" xid="div17" style="position:relative;">
    <div component="$UI/system/components/justep/row/row" class="x-row" xid="row2">
     <div class="x-col" xid="col2" style="position:relative;">
      <input component="$UI/system/components/justep/input/input" class="form-control  communitySearch" xid="input1" onFocus="input1Focus" valueUpdateMode="input" autoComplete="true" onBlur="input1Blur"></input>
      <div component="$UI/system/components/justep/list/list" class="x-list" xid="list1" data="searchCommunityData" bind-click="list1Click" style="position:absolute;background-color:#FFFFFF;width:100%;">
       <ul class="x-list-template x-min-height" xid="listTemplateUl1" componentname="$UI/system/components/justep/list/list#listTemplateUl" id="undefined_listTemplateUl1">
        <li xid="li1" class="center-block x-min-height" componentname="li(html)" id="undefined_li1" style="width:100%;border-style:solid solid solid solid;border-width:thin thin thin thin;border-color:#C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;">
         <div component="$UI/system/components/justep/output/output" class="x-output" xid="output1" bind-ref='ref("name")'></div></li> </ul> </div> 
      <div component="$UI/system/components/justep/list/list" class="x-list" xid="list2" data="communityData" style="position:absolute;background-color:#FFFFFF;width:100%;max-height:300px;display:none;" bind-click="list2Click">
       <ul class="x-list-template" xid="listTemplateUl2" style="height:300px;overflow-y: scroll;">
        <li xid="li2" style="width:100%;border-style:solid solid solid solid;border-width:thin thin thin thin;border-color:#C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;">
         <div component="$UI/system/components/justep/output/output" class="x-output" xid="output2" bind-ref='ref("name")'></div></li> </ul> </div> </div> 
     <div class="x-col x-col-fixed" xid="col3" style="width:auto;">
      <a component="$UI/system/components/justep/button/button" class="btn btn-default btn-only-icon" label="button" xid="button2" icon="icon-chevron-down" onClick="button2Click">
       <i xid="i2" class="icon-chevron-down"></i>
       <span xid="span2"></span></a> </div> </div> </div> </div><div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20" xid="labelEdit7"> 
            <label class="x-label" xid="label7"><![CDATA[账号 *]]></label>  
            <div class="x-edit" xid="div18"> 
              <input component="$UI/system/components/justep/input/input" class="form-control x-edit" xid="loginName" bind-ref="$model.registData.ref(&quot;loginName&quot;)" /> 
            </div> 
          </div>  
          <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20" xid="labelEdit8"> 
            <label class="x-label" xid="label8"><![CDATA[名字 *]]></label>  
            <div class="x-edit" xid="div19"> 
              <input component="$UI/system/components/justep/input/input" class="form-control x-edit" xid="name" bind-ref="registData.ref('name')" /> 
            </div> 
          </div>  
          <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20" xid="labelEdit9"> 
            <label class="x-label" xid="label9"><![CDATA[密码 *]]></label>  
            <div class="x-edit" xid="div20"> 
              <input component="$UI/system/components/justep/input/password" class="form-control" xid="password" bind-ref="registData.ref('password')" /> 
            </div> 
          </div>  
          <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20" xid="labelEdit10"> 
            <label class="x-label" xid="label10"><![CDATA[确认 *]]></label>  
            <div class="x-edit" xid="div21"> 
              <input component="$UI/system/components/justep/input/password" class="form-control" xid="confire" bind-ref="registData.ref('confire')" /> 
            </div> 
          </div>  
          <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20" xid="labelEdit2">
   <label class="x-label" xid="label2">小区</label>
   <div class="x-edit" xid="div3">
    <select component="$UI/system/components/justep/select/select" bind-optionsCaption="请选择..." class="form-control" xid="select2" bind-options="areaData" bind-optionsValue="id" bind-optionsLabel="name" bind-ref='$model.registData.ref("office.id")'></select></div> </div><div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20" xid="labelEdit15"> 
            <label class="x-label" xid="label15">头像</label>  
            <div class="x-edit" xid="div28"> 
              <div class="form-horizontal container-fluid" component="$UI/system/components/bootstrap/form/form" xid="form1" style="position:absolute;height:90px;width:90px;">
                <input type="file" value="" xid="photoFile" bind-value="$model.registData.ref(&quot;photo&quot;)" accept="image/*" style="position:absolute;width:90px;height:90px;top:0px;left:0px;opacity: 0;" bind-change="photoFileChange" capture="camera" />  
                <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-lg text-success center-block" label="添加" xid="addPhoto" style="width:90px;height:90px;margin-left:-15px;padding-top:30px;font-size:medium;" onClick="addPhotoClick"> 
                  <i xid="i5" />  
                  <span xid="span6">添加</span>
                </a>
              </div>  
              <img alt="" xid="image1" style="display:block;width:90px;background-color:#C0C0C0;" height="90px" bind-click="photoClick" src="$UI/communityOto/img/user_photo_default.png" class="img-circle userImg" /> 
            </div> 
          </div>  
          <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20" xid="labelEdit11"> 
            <label class="x-label" xid="label11">性别</label>  
            <div class="x-edit" xid="div24"> 
              <span component="$UI/system/components/justep/select/radioGroup" class="x-radio-group x-radio-group-lg" xid="radioGroup1" bind-ref="registData.ref('sex')" bind-itemset="sexData" bind-itemsetValue="ref('id')" bind-itemsetLabel="ref('sex')" itemStyle="margin-right:40px;" /> 
            </div> 
          </div>  
          <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20" xid="labelEdit12"> 
            <label class="x-label" xid="label12">邮箱</label>  
            <div class="x-edit" xid="div25"> 
              <input component="$UI/system/components/justep/input/input" class="form-control x-edit" xid="email" bind-ref="registData.ref('email')"/> 
            </div> 
          </div>  
          <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20" xid="labelEdit13"> 
            <label class="x-label" xid="label13">电话</label>  
            <div class="x-edit" xid="div26"> 
              <input component="$UI/system/components/justep/input/input" class="form-control x-edit" xid="phone" bind-ref="registData.ref('phone')"/> 
            </div> 
          </div>  
          <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20" xid="labelEdit14"> 
            <label class="x-label" xid="label14">手机</label>  
            <div class="x-edit" xid="div27"> 
              <input component="$UI/system/components/justep/input/input" class="form-control x-edit" xid="mobile" bind-ref="registData.ref('mobile')"/> 
            </div> 
          </div> 
          
                 <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20" xid="labelEdit15"> 
            <label class="x-label" xid="label15">商家介绍</label>  
            <div class="x-edit" xid="div27"> 
              <textarea component="$UI/system/components/justep/textarea/textarea" class="form-control" xid="introduce" bind-ref='$model.registData.ref("introduce")'></textarea></div> 
          </div> 
        </div>  
        <div class="formRow5Btn2-toolBar-position" xid="div22" ><div component="$UI/system/components/justep/row/row" class="x-row" xid="row1">
   <div class="x-col" xid="col1">
    <a component="$UI/system/components/justep/button/button" class="btn btn-default btn-block" label="注册" xid="button1" onClick="registerClick">
     <i xid="i1"></i>
     <span xid="span1">注册</span></a> </div> </div></div> 
      </div></div></div>
